<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>17_插件</title>
</head>
<body>

<div id="test">
  <p v-my-directive="msg"></p>
</div>

<script type="text/javascript" src="../js/vue.js"></script>
<script src="./vue-myPlugin.js"></script>
<script type="text/javascript">
  // console.log(MyPlugin)
  // 声明使用vue插件 ==> 安装这个插件
    // 如果插件是对象, 就会执行它的install方法
    // 如果插件是函数, 将其当作install执行
  Vue.use(MyPlugin) 
  Vue.myGlobalMethod()

  const vm = new Vue({
    el: '#test',
    data: {
      msg: 'abcd'
    }
  })
  vm.$myMethod()
</script>
</body>
</html>